<template>
<!--<div class="div1">-->

  <div >
    <span style="margin-left: 60%">
      <el-link style="color: red"  @click="href()" target="_blank">修改资料 </el-link>
      <el-link style="color: red"  @click="href1()" target="_blank">个人空间</el-link>
    </span>

    <br>
    <el-avatar :size="80"   class="demo-type" >
      <img :src="userimg" class="img1"/>
    </el-avatar><br/>
    <img src="../assets/img/blili5.png" class="img2">
    <div class="vi1">
      欢迎来到嘀哩嘀哩网站，打开新世界的大门 (｀・ω・´)
    </div>
  </div>

<!--  </div>-->
</template>

<script>
export default {
  name: "shou",
  data(){
    return{
      userimg:''
    }
  },
  created() {
    var user=JSON.parse(sessionStorage.getItem('user'));
    this.userimg=user.userImgsrc;
  },
  mounted() {

  },
  methods:{
    href(){
      this.$router.push("/mes")
    },
    href1(){
      this.$router.push("/person")
    }
  }
}
</script>

<style scoped>
.demo-type{
}
.img2{
  width: 650px;
  height: 150px;
}
.vi1{
  font-weight: bold;
}
</style>
